<!DOCTYPE html>
<html lang="en">
<head>
    <title>xxxx大学实验室预约管理系统</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/animate.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/vegas.min.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/static/img/favicon.png">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/css/login.css">
    <!-- javscript js -->
    <script src="/layui/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/vegas.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/smoothscroll.js"></script>
    <script src="js/custom.js"></script>
</head>
<body id="homepage" class="homepage">
<input hidden="hidden" id="ctxstatic" value="/static">
<input hidden="hidden" id="massage" value="">
<!-- preloader section -->
<section class="preloader">
    <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>

    </div>
</section>

<!-- home section -->
<section id="home">
    <div class="container">
        <div class="row">
            <style>
                #loginForm1 .form-control {
                    border-radius: 0;
                    margin-bottom: 1rem;
                    background: #ffffff;
                    box-shadow: none;
                }

                @media (min-width: 768px) {
                    #lgoinBoxContent {
                        width: 300px;
                    }
                }

                .ago {
                    width: 100%;
                    background: #fff;
                    display: block;
                    line-height: 33px;
                    height: 33px;
                    color: #333 !important;
                    text-decoration: none;
                }
                .dev:link{
                    color: #ffffff;
                    text-decoration: none;
                }
                .dev:visited{
                    color: #ffffff;
                    text-decoration:none;
                }
                .dev:hover{
                    color: #ffffff;
                    text-decoration:none;
                }
            </style>

            <div class="col-md-offset-2 col-md-8 col-sm-12">
                <h1 class="bt1 wow fadeInUp" data-wow-delay="0.4s" style="font-size: 50px">xxxx大学实验室预约管理系统</h1>
                <!--<h1 class="bt2 wow fadeInUp" data-wow-delay="0.4s">站在秦岭之巅看<span
                class="c-blue">陕西</span><br>实现追赶<span class="c-blue">超越</span>正当时</h1>-->
                <h3 class="wow fadeInUp" data-wow-delay="0.6s">“专业  高效  协同  创新  主动  阳光”</h3>
                <div class="container" id="lgoinBoxContent">
                    <form class="layui-form" action="" id="loginForm1" method="post">
                        <div class="row">
                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
                                <input name="userName" type="text" class="form-control" id="username1" placeholder="用户名" required oninvalid="setCustomValidity('请填写用户名！');" oninput="setCustomValidity('')" maxlength="20">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
                                <input name="password" type="password" class="form-control" id="password1" placeholder="密码" required oninvalid="setCustomValidity('请填写密码！');" oninput="setCustomValidity('')" maxlength="20">
                            </div>
                        </div>
                        <div class="layui-form-item form_code">
                            <input class="form-control" name="code" placeholder="验证码" lay-verify="required" type="text" autocomplete="off">
                            <div class="code"><img src="/captcha.do" width="116" height="30"></div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
                                <p id="error" class="c-error">

                                </p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
                                <input name="submit" type="submit"lay-submit="" lay-filter="login" class="form-control" id="submit2" value="登录">

                            </div>
                        </div>
                    </form>

                    <div class="row">
                        <div class="col-sm-12 col-xs-12 col-md-12 col-lg-12">
                            <a href="#about" class="ago">查看更多信息</a>
                        </div>
                    </div>
                </div>

            </div>

            <div style="margin-left: 170px">

                <div style="margin-left: 170px">

                </div>

                <div style="margin-left: 170px">

                </div>

                <div style="margin-left: 170px">

                </div>

                <div style="margin-left: 170px;padding-top: 15px;">

                </div>

            </div>
        </div>

    </div>
    </div>
</section>
<!-- about section -->
<section id="about">
    <div class="container">
        <div class="row">

            <div class="col-md-6 col-sm-12">
                <img src="img/about-img.png" class="img-responsive wow fadeInUp" alt="About">
            </div>

            <div class="col-md-6 col-sm-12">
                <div class="about-thumb">
                    <div class="section-title">
                        <h1 class="wow fadeIn" data-wow-delay="0.2s">懂政务、会技术</h1>
                    </div>
                    <div class="wow fadeInUp" data-wow-delay="0.6s">
                        <p class="f16">利用<span class="c-red">新型智慧城市</span>的认知“技术”，通过更智能的数据分析， 实现坚持和完善政务考核制度，体现时代性、彰显引领性、突出经常性、注重实效性，以考核工作新成效促进追赶超越新发展。
                        </p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<!-- feature section -->
<section id="feature">
    <div class="container">
        <div class="row">

            <svg preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="svgcolor-light">
                <path d="M0 0 L50 100 L100 0 Z"></path>
            </svg>

            <div class="col-md-4 col-sm-6">
                <div class="media wow fadeInUp" data-wow-delay="0.4s">
                    <div class="media-object media-left">
                        <i class="fa fa-line-chart"></i>
                    </div>
                    <div class="media-body">
                        <h2 class="media-heading">数据使用</h2>
                        <p>数据图表、比对信息和WEB端主程序无缝连接，用户可以通过不同的终端进入驾驶舱，随时随地的查看数据信息。</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-6">
                <div class="media wow fadeInUp" data-wow-delay="0.8s">
                    <div class="media-object media-left">
                        <i class="fa fa-shield"></i>
                    </div>
                    <div class="media-body">
                        <h2 class="media-heading">终端安全</h2>
                        <p>通过对终端设置安全联系人,以短信通信命令的方式控制访问终端,配合终端自带的机卡绑定策略,实现安全性、防丢失性以及私密性保障。</p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-8">
                <div class="media wow fadeInUp" data-wow-delay="1.2s">
                    <div class="media-object media-left">
                        <i class="fa fa-eercast"></i>
                    </div>
                    <div class="media-body">
                        <h2 class="media-heading">数据感知</h2>
                        <p>传统电子文档几乎不受任何权限限制，这正是导致信息泄密的主要原因之一。我们的数据感知系统针对该问题，为用户提供一个安全、可控的在线信息共享平台。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- contact section -->
<section id="contact">
    <div class="container">
        <div class="row">
        </div>
    </div>
</section>

<!-- footer section -->
<footer>
    <div class="container">
        <div class="row">

            <svg class="svgcolor-light" preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
                <path d="M0 0 L50 100 L100 0 Z"></path>
            </svg>

            <div class="col-md-4 col-sm-6">
                <h2><img src="img/logo-md.png" alt="Logo" class="logo-img"></h2>
                <div class="wow fadeInUp    logo-text" data-wow-delay="0.3s">
                    <ul class="col-info">
                        <li>xxxx有限公司</li>
                        <li>地址：xxxx</li>
                        <li class="copyright-text"><a class="dev" href="javascript:void(0);" style="cursor:pointer;" >©</a> 2009-2017 丝路·智慧城市 版权所有</li>
                    </ul>
                </div>
            </div>

            <div class="col-md-1 col-sm-1"></div>

            <div class="col-md-7 col-sm-5">
                <div class="row pt6rem">
                    <div class="col-md-3 col-sm-12"></div>
                    <div class="col-md-4 col-sm-12">
                        <img class="wow bounceIn code-img" data-wow-delay="0.9s" src="img/erweima.png" alt="code">
                    </div>

                </div>
            </div>

        </div>
    </div>
</footer>

<!-- modal -->
<div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content modal-popup">
            <div class="modal-header">

                <h2 class="modal-title text-left">
                    <img src="img/login-logo.png" alt="Logo" class="logo-img">
                </h2>
            </div>
            <p>丝路智慧城市研究院 029-8823 6051</p>
        </div>
    </div>
</div>

<!-- Back top -->
<a href="#back-top" class="go-top"><i class="fa fa-angle-up"></i></a>
<script>
    $(document).keyup(function(event) {
        if(event.keyCode == 13) {
            userSubmit();
        }
    });

    function userSubmit() {
        var loginName = $('#loginName').val();
        var password = $('#password').val();
        if(loginName == '') {
            $('#error').html('用户名不能为空！');
            return;
        }
        if(password == '') {
            $('#error').html('密码不能为空！');

        }
    }



</script>
</body>
</html>
<script>
    layui.config({
        base : "/js/"
    }).use(['form','layer','jquery','common','carousel'], function () {
        var $ = layui.jquery,
            form = layui.form,
            common = layui.common,
            carousel = layui.carousel;

        $('.dev').on('click', function () {
            alert("开发者：------------ xxxx有限公司------------        ");
        });
        /**重新生成验证码*/
        function reqCaptcha() {
            var url = "/captcha.do?nocache=" + new Date().getTime()
            $('.code img').attr("src",url)
        }
        /**点击验证码重新生成*/
        $('.code img').on('click', function () {
            reqCaptcha();
        });

        /**监听登陆提交*/
        form.on('submit(login)', function (data) {
            //弹出loading
            debugger;
            var loginLoading = top.layer.msg('登陆中，请稍候', {icon: 16, time: false, shade: 0.8});
            //记录ajax请求返回值
            var ajaxReturnData;
            var date = new Date();
            var myDate = date.getTime();
            //登陆验证
            $.ajax({
                url: '/loginCheck.do',
                type: 'post',
                async: false,
                data: data.field,
                success: function (flag) {

                    ajaxReturnData = flag;
                }
            });
            //登陆成功
            if (ajaxReturnData.returnCode == 0000) {
                window.location.href="/index";
                top.layer.close(loginLoading);
                return false;
            } else {
                top.layer.close(loginLoading);
                common.cmsLayErrorMsg(ajaxReturnData.returnMessage);
                /*reqCaptcha();*/
                return false;
            }
        });

        /* layer.alert('账号:user_system/123456 用户管理员<br>账号:user_readonly/123456 只读用户<br>原admin账号暂时回收');*/
    });
</script>